.contact {
    height: 100%;
    background: url('./_imgs/contact_bg.jpg') no-repeat center/cover;
    padding-top: px2rem(82);
    display: flex;
    align-items: center;

    .title {
        width: px2rem(418);
        display: block;
        margin: auto;
    }

    .mark {
        display: block;
        width: px2rem(102);
        margin: px2rem(168) auto px2rem(58) auto;
    }

    .btn {
        width: px2rem(498);
        margin: px2rem(0) auto px2rem(48) auto;
        border: 1px solid #a5bfe5;
        height: px2rem(70);
        border-radius: px2rem(70);
        font-size: px2rem(20);
        color: #fff;
        padding-left: px2rem(64);
        display: flex;
        align-items: center;
    }

    @mixin btn_logo($w, $h, $url, $mr) {
        content: "";
        display: inline-block;
        width: px2rem($w);
        height: px2rem($h);
        background: url($url) no-repeat center/cover;
        margin-right: px2rem($mr);
    }

    .btn1 {
        &::before {
            @include btn_logo(27, 36, "./_imgs/place_logo.png", 30);
        }
    }

    .btn2 {
        &::before {
            @include btn_logo(38, 36, "./_imgs/phone_logo.png", 28);
        }
    }

    .btn3 {
        &::before {
            @include btn_logo(38, 26, "./_imgs/email_logo.png", 30);
        }
    }

    .rczm {
        display: block;
        width: px2rem(315);
        margin: px2rem(30) auto 0 auto;
    }
}